(function($) {
    $(function(event) {
        $('.handler-apply-style').click(function(){
            if (!$(this).parents('li').hasClass('active')) {
                styleName = $(this).metadata().styleName;
                setStyle(styleName);
                $(this).parents('ul').children('li').removeClass('active');
                $(this).parents('li').addClass('active');
            }
        });
		$('#sumbit-settings-form').click(function() {
			$('#settings-form').submit();
		});
    });
})(jQuery);

function setStyle(styleName) {
    $.get("/a_ajax/customization.getCss", 'styleName=' + styleName, getCssCallback, "json");
    function getCssCallback(resp, textStatus) {
        if (!resp.error) {
            $('head').append('<style type="text/css">' + resp.data + '</style>');
        }
        else {
            alert(resp.error);
        }
    }
}